<template>
  <div class="chengdu">
    <h2>我是Chengdu组件</h2>
    <h3>特色：{{special}}</h3>
    <button @click="handleClick">给Person组件来点火锅</button>
  </div>
</template>

<script>
  export default {
    name:'Chengdu',
    data() {
        return {
            special:'火锅'
        }
    },
    methods: {
      handleClick(){
        this.a.$emit('huoguo',this.special)
      }
    },
  }
</script>

<style scoped>
    .chengdu {
        background-color: green;
        padding: 20px;
    }
</style>